<template>
  <div class="welcome-page">
    <el-row type="flex" justify="center" align="middle" style="height: 420px;">
      <el-col :span="24">
        <!-- <h1 class="welcome-title">{{ pageTitle }}</h1>
        <p class="welcome-message">{{ welcomeMessage }}</p> -->
        <!-- 其他通用内容... -->
        <!-- <img src="../index/static/1.png" alt=""> -->
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
// const pageTitle = '欢迎页'
// const welcomeMessage = '欢迎进入助老多功能平台'
</script>

<style scoped>
.welcome-page {
  background-color: #f5f7fa;
  text-align: center;
  background-image: url('../index/static/1.png');
  opacity: 0.8;
  width: 100%;
  overflow-x: hidden; /* 防止内容溢出导致出现水平滚动条 */
}

.welcome-title {
  font-size: 36px;
  color: #303133;
  margin-bottom: 20px;
}

.welcome-message {
  font-size: 18px;
  color: #606266;
  line-height: 1.5;
}
</style>
